.container {
	min-height: 100vh;
	background: #f0f3f8;
	
}


.outside-box{
	padding: 20rpx 40rpx;
}
.header-box{
	padding: 20rpx 40rpx;
}	
.uni-margin-wrap{
	// height: 400rpx;
}
.swiper{
	// height: 105%;
}
.branch-court {
	margin-top: 20rpx;
	background-color: #fff;
	padding: 30rpx;
	border-radius: 16rpx;

	.header-title {
		display: flex;
		justify-content: space-between;
		margin-bottom: 20rpx;

		.left-box {
			font-size: 32rpx;
			font-weight: 600;
		}

		.right-box {
			font-size: 24rpx;
			color: #999;
			display: flex;
			align-items: center;
		}

	}
	.btn-box{
		display: flex;
	}
	.btn-box .tag{
		margin-right: 10rpx;
	}
	.text-content{
		font-size: 28rpx;
		display: flex;
		justify-content: space-between;
		&view{
			margin-bottom: 6rpx;
		}
	}
}
.doctor-list{
	padding: 30rpx 0;
	.doctor-item{
		display: flex;
		align-items: center;
		.img-box{
			margin-right: 20rpx;
			img{
				width: 15vw;
				height: 15vw;
				border-radius: 50%;
			}
		}
		.name-box{
			font-size: 30rpx;
			display: flex;
			justify-content: space-between;
		}
		.intro-box{
			margin-top: 10rpx;
			font-size: 24rpx;
			 width: 100%;
			  display: -webkit-box;
			  -webkit-box-orient: vertical;
			  -webkit-line-clamp: 2;
			  overflow: hidden;
			  text-overflow: ellipsis;
		}
	}
	
}

/deep/ .uni-table-th {
	font-size: 10px !important;
	padding:20rpx 0 !important;

}
/deep/ .uni-table-td{
	font-size: 10px !important;
	text-align: center !important; 
	  vertical-align: middle !important;
	  padding: 0 !important;
}
/deep/ .uni-table{
	// width: 90vw !important;
}
.red-box{
	color:red
}

.header-box {
	border-radius: 20rpx;
	background-color: #fff;
	// min-height: 100vh;
	padding: 0 40rpx;
}
		
.header-box{
	padding: 20rpx;
	// margin-bottom: 20rpx;
}
.top-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:20rpx 20rpx;
	.left-box{
		display: flex;
		align-items: center;
		.name-box{
			font-size: 32rpx;
		}
		.lv-box{
			font-size: 26rpx;
			color: #6D7178;
		}
		.avatar-box{
			width: 14vw;
			height: 14vw;
			border-radius: 50%;
			margin-right: 10rpx;
		}
	}
	.info-btn{
		line-height: 1.2em;
		height: 1.2em;
		background-color: rgba(255, 102, 0, 0.8);
		color: #fff;
		font-size: 24rpx;
		padding: 10rpx 15rpx;
		border-radius: 6rpx;
	}
	.info-btn-no{
		line-height: 1.2em;
		height: 1.2em;
		background-color: rgba(154, 154, 154, 0.8);
		color: #fff;
		font-size: 24rpx;
		padding: 10rpx 15rpx;
		border-radius: 6rpx;
	}
}
.feature-box{
	display: flex;
	justify-content: space-between;
	font-size: 24rpx;
	padding: 0 20rpx;
	text-align: center;
}
.td-box{
	color: #2E75E8;
}
.bonus-box{
	padding: 10rpx 20rpx;
	.content-box{
		display: flex;
		justify-content: space-between;
		background-color:  #ececec;
		padding:20rpx;
		border-radius: 10rpx;
		align-items: center;
		.text-h{
			font-size: 28rpx;
		}
		.text-p{
			font-size: 24rpx;
		}
	}
}
.order-box,.archives-box{
	margin-bottom: 20rpx;
	padding: 20rpx;
	padding-top: 0;
	background-color: #fff;
	border-radius: 10rpx;
	box-sizing: border-box;
	.top-box{
		align-items: flex-end;
		border-bottom: 1px solid #eee;
	}
	.left-box{
		font-size: 28rpx;
	}
	.right-box{
		font-size: 24rpx;
	}
	.content-box{
		display: flex;
		padding-top: 20rpx;
		.item-box{
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			width: 25%;
			img{
				width: 10vw;
				height: 10vw;
				border-radius: 50%;
				margin-bottom: 10rpx;
			}
		}
	}
}
.intro-content{
	font-size: 24rpx;
	margin-top: 10rpx;
	color: #6D7178;
	padding: 20rpx;
}
.uni-margin-wrap{
	background-color: #ffff;
	border-radius: 10rpx;
}
.message-box{
	background-color: #fff;
	border-radius: 10rpx;
}
.message-item{
	border-bottom: 1px solid #eee;
	.top-box{
		display: flex;
		align-items: center;
		// justify-content: flex-start;
		padding:10rpx 20rpx;
		img{
			width: 10vw;
			height: 10vw;
			margin-right: 20rpx;
			border-radius: 50%;
		}
	}
	.center-box{
		font-size: 24rpx;
		padding:0 20rpx;
		padding-left: calc( 11vw + 30rpx );
	}
	.bottom-box{
		display: flex;
		justify-content: flex-end;
		padding:0 40rpx;
		padding-bottom: 20rpx;
	}
}
.h-title{
	font-size: 32rpx;
	font-weight: 600;
	padding: 30rpx 0;
}
.box-content{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	view{
		flex-shrink:0;
		text-align: center;
		padding: 10rpx;
		box-sizing: border-box;
		border: 1px solid #216be6;
		border-radius: 6rpx;
		margin-top: 10rpx;
		margin-bottom: 10rpx;
	}
}
.box-content-active{
	background-color: #216be6;
	color: #fff;
}
.title-flex{
	:nth-child(1){
		font-size: 32rpx;
	}
	:nth-child(2){
		font-size:24rpx;
		color: #666;
	}
}
.heander-left{
	display: flex;
	align-items: center;
}